<div class="ant-card width-lg" style="margin: 0 auto">
  <div class="ant-card-body">
    <div class="ant-card-body__head">
      <H2>当前屏幕已锁定</H2>
      <div class="avatar">
        <nz-avatar nzIcon="user" nzSize="small" class="mr-sm"></nz-avatar>
        {{ settings.user.name }}
      </div>
    </div>
    <form nz-form [formGroup]="f" (ngSubmit)="submit()" role="form" class="mt-md">
      <nz-form-item>
        <nz-form-control nzValidateStatus="error" nzErrorTip="请输入密码">
          <nz-input-group nzSuffixIcon="anticon anticon-lock">
            <input type="password" nz-input formControlName="password" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-row nzAlign="middle">
        <nz-col [nzSpan]="12">
          <a class="forgot" (click)="msg.warning('请联系系统管理员或服务供应商修改密码！')">忘记密码？</a>
        </nz-col>
        <nz-col [nzSpan]="12" style="text-align: right">
          <button nz-button [disabled]="!f.valid" nzType="primary">解锁</button>
        </nz-col>
      </nz-row>
    </form>
  </div>
</div>
